<template>
	<view >
		<view class="allwrap" v-if="false">
		<view class="flexcen" style="font-weight: 400;font-size: 28rpx;color: #858A99;margin-top: 47rpx;margin-bottom: 17rpx;">暂无会议文档，您可以进行以下操作</view>
		<view class="frame flexal">
			<image src="/static/message/word.png" style="width: 60rpx;height: 60rpx;"></image>
			<view style="margin-left: 24rpx; flex: 1;">新建文档</view>
			<image src="/static/metting/addFile.png" style="width: 34rpx;height: 37rpx;"></image>
		</view>
		<view class="frame flexal" style="background: #FFF6EE;color: #B45302;">
			<image src="/static/message/ppt.png" style="width: 60rpx;height: 60rpx;"></image>
			<view style="margin-left: 24rpx; flex: 1;">新建PPT</view>
			<image src="/static/metting/addFile.png" style="width: 34rpx;height: 37rpx;"></image>
		</view>
		<view class="frame flexal" style="background: #EDF8EF;color: #17812A;">
			<image src="/static/message/xlx.png" style="width: 60rpx;height: 60rpx;"></image>
			<view style="margin-left: 24rpx; flex: 1;">新建表格</view>
			<image src="/static/metting/addFile.png" style="width: 34rpx;height: 37rpx;"></image>
		</view>
		</view>
		
		<view class="frame-content">
			<view class="content-title flexal">
				<view class="flexcumal content-item">
					<image src="/static/message/word.png" style="width: 48rpx;height: 48rpx;"></image>
					<text style="font-weight: 400;font-size: 28rpx;color: #15181D;margin-top: 10rpx;">新建文档</text>
				</view>
				<view class="flexcumal content-item">
					<image src="/static/message/ppt.png" style="width: 48rpx;height: 48rpx;"></image>
					<text style="font-weight: 400;font-size: 28rpx;color: #15181D;margin-top: 10rpx;">新建PPT</text>
				</view>
				<view class="flexcumal content-item">
					<image src="/static/message/xlx.png" style="width: 48rpx;height: 48rpx;"></image>
					<text style="font-weight: 400;font-size: 28rpx;color: #15181D;margin-top: 10rpx;">新建表格</text>
				</view>
			</view>
			<u-gap height="16" bg-color="#F2F1F6" style="margin-top: 10rpx;"></u-gap>
			
			<view class="frame-record flexal" v-for="(item,index) in record" :key="index" @click="go('/pages6/metting/startVote?type='+0)">
				<image :src="fileIcon(item.suffix)" style="width: 60rpx;height: 60rpx;"></image>
				<view style="margin-left: 32rpx;">
					<view>2024年工作文档.docx</view>
					<view class="flexal" style="margin-top: 10rpx;">
						<view class="record-text flexal" style="color: #858A99;">创建人：张三 2024/08/05 10:00</view>
					</view>
				</view>
				<!-- <image src="/static/right.png" style="width: 14rpx;height: 24rpx;"></image> -->
			</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				record:[
					{
						status:0,
						suffix:'xlx'
					},
					{
						status:1,
						suffix:'ppt'
					},{
						status:0,
						suffix:'pdf'
					},{
						status:0,
						suffix:'word'
					},
				],
			}
		},
		methods: {
			// 文件消息图标
			fileIcon(suffix){
				let fileIcon = []
				fileIcon['ppt'] = '/static/message/ppt.png'
				fileIcon['pdf'] = '/static/message/pdf.png'
				fileIcon['word'] = '/static/message/word.png'
				fileIcon['xlx'] = '/static/message/xlx.png'
				fileIcon['package'] = '/static/message/package.png'
				console.log('fileIcon',fileIcon)
				
				return fileIcon[suffix]
			},
		}
	}
</script>

<style lang="less">
	
	.frame{
		margin-top: 32rpx;
		padding: 0rpx 32rpx;
		width: 686rpx;
		height: 124rpx;
		background: #F1F7FF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		font-weight: 400;
		font-size: 32rpx;
		color: #0E60CB;
	}
	.frame-content{
		
		.content-title{
			padding: 42rpx 29rpx;
		}
		.content-item{
			margin: 0rpx 35rpx;
			justify-content: center;
			width: 160rpx;
			height: 130rpx;
			background: #FFFFFF;
			border-radius: 13rpx 13rpx 13rpx 13rpx;
			border: 2rpx solid #858A99;
		}
	}
	
	.frame-record{
		margin-left: 32rpx;
		padding: 0rpx 32rpx;
		margin-top: 32rpx;
		width: 686rpx;
		height: 146rpx;
		background: #F9F9F9;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		
		.frame-block{
			width: 18rpx;
			height: 18rpx;
			background: #366EF4;
			border-radius: 50%;
		}
		.record-text{
			// margin-left: 12rpx;
			font-weight: 400;
			font-size: 22rpx;
			color: #366EF4;
		}
	}
</style>
